* {
	padding: 0;
	margin: 0;
}
a {
	text-decoration: none;
	color: #00aaa7;
}
html,
body {
	width: 100%;
	height: 100%;
}
.conten {
	width: 1200px;
	margin: 0 auto;
	// background-color: pink;
}
.top {
	padding-top: 20px;
	height: 120px;
	a {
		display: inline-block;
		vertical-align: middle;
	}
	img {
		width: 170px;
		height: 28px;
	}
	span {
		font-size: 16px;
		vertical-align: middle;
	}
}
.from {
	background-image: url(https://img.shop.hisense.com/2020/12/04/3ca4262f-ed76-4588-a249-01302d849ef2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: calc(100% - 140px);
	.conten {
		height: 100%;
		padding-top: 50px;
		box-sizing: border-box;
	}
}
#bd {
	margin: 0 auto;
	height: calc(100% - 50px);
	width: 400px;
	background-color: #fff;
	padding: 50px 50px 0;
	p {
		position: relative;
		margin-top: 20px;
		span {
			display: block;
			color: #ccc;
			font-size: 12px;
			margin-bottom: 15px;
			// position: absolute;
		}
		input {
			width: 100%;
			height: 50px;
			border: none;
			outline: none;
			border-bottom: 1px solid #ccc;
		}
		label.error {
			position: absolute;
			bottom: -15px;
			color: red;
			font-size: 12px;
			left: 0;
		}
	}
	.p3 {
		input {
			color: #fff;
			font-size: 16px;
			height: 50px;
			border: none;
			background-color: #00aaa7;
			cursor: pointer;
		}
	}
}
